<template>
  <div class="btnbox" :style="'line-height:' + height" @click="sureFn">
    {{ value }}
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  props: {
    height: {
      type: String,
      default: "30px",
    },
    value: "",
    disabled: Boolean,
  },
  methods: {
    sureFn() {
      this.$emit("ok");
    },
  },
  mounted() {},
  created() {},
};
</script>

<style scoped lang="less">
.btnbox,
.disBtn {
  display: inline-block;
  padding: 0 35px;
  border: 1px solid #4b58dc;
  color: #4b58dc;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: normal;
  font-size: 12px;
}
.btnbox:hover {
  background-color: #98a0fb;
  border: 1px solid #4b58dc;
  color: #fff;
}
</style>
